.swiper{
   display: flex;
   border:solid 1px #ccc;
   position: relative;
   >.rect{
     flex: 1;
     position: relative;
     overflow: hidden;
     >.box{
       display: flex;
       flex:1;
       position: absolute;
       left:0;
       top:0;
       bottom:0;
       .item{
          flex: 1;
       }
     }

   }
   >.bar{
     position: absolute;
     height: 30px;
     bottom: 0;
     text-align: center;
     left:0;
     right: 0;
     line-height: 30px;
     overflow: hidden;
     >.cricl{
        display: inline-block;
        border-radius: 50%;
        border:solid 1px #ccc;
        background:#fff;
        width:.5rem;
        height:.5rem;
        margin-left: .5rem;
     }
     >.cricl-active{
       display: inline-block;
       border-radius: 50%;
       border:solid 1px #ccc;
       background:#ccc;
       width:.5rem;
       height:.5rem;
       padding:.1rem;
       margin-left: .5rem;
       margin-bottom: -.1rem;

     }
   }


}
